
<!-- saved from url=(0104)http://tortst6.ca-tor.celestica.com/AwardsSubmission/GameAwards.nsf/Skins/7TJNJB?OpenDocument&Expand=CSS -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=US-ASCII"></head><body>/* Orange Theme*/


/* Copyright IBM Corp. 2007, 2008  All Rights Reserved.              */

/* 5724-S31                                                          */
/* disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */
/*                                                                   */
/*********************************************************************/

body {
   background-image:url("/img/background.png");
   font-family: Arial, Helvetica;
   background-color: #ffffff;
   color: #000000;
}

#lotusMain{background-image:url("/img/sidebar.gif");}
.lotusMenu, .lotusPortlet-menu{background-image:url("/img/menuTop.gif");}
.lotusMenu .lotusBottomCorner{background-image:url("/img/menuBottom.gif");}
/*lotusMenu .lotusInner{background-image:url("../img/menuMiddle.gif"); overflow: hidden;}*/
.lotusMenu .lotusMenuSection{border-bottom-color:#daa011;}

#lotusTitleBar {border-bottom-color:#daa011;height:4em;background-image:url("/img/titlebarMid.png");}
#lotusTitleBar .lotusRightCorner{height:4em;background-image:url("/img/titlebarRight.png")}
#lotusTitleBar .lotusInner{height:4em;background-image:url("/img/titlebarLeft.png")}
#lotusTitleBar h2, .lotusTitleBar h2{color:#000000;font-weight:bold;}

#lotusPlaceBar{border-color:#daa011;background-image:url("/img/placeBar.png");}


#lotusColLeft .lotusSection h2, .lotusColLeft .lotusSection h2{color:#000000;}
#lotusColLeft .lotusSection, .lotusColLeft .lotusSection{border-bottom-color:#daa011}

#lotusColLeft .lotusSection .lotusList li {
   display:block;
}
.lotusSection, .portlet-section {
   display:block;
/*   background-color: #fdb813; */
}

.lotusSection input {
   background-color: #ffffff;
   color: #000000;
}
.celestica81Section, .portlet-section {
  background-color: #f8eccf;
}

.celestica81Section input {
  background-color: #ffffff;
  color: #000000;
}
.celestica81Section1, .portlet-section {
  background-color: #ffffff;
}

.celestica81Section1 input {
  background-color: #ffffff;
  color: #000000;
}

.lotusMenu li.celestica81Selected a, .lotusMenu li.celestica81Selected a:visited, .portlet-menu li.celestica81Selected a, .portlet-menu li.celestica81Selected a:visited{
   color:#000000;
   font-weight: bold;
   background-color:#f8eccf;
   border-color:#daa011;
}

#lotusMain(
   background-color: #fffff;
}
#celestica81workspace{
      background-color: #f8eccf;
	padding-bottom: 10px;
	margin: 0 auto;
	position: relative;
}
.lotusLeft, li.lotusLeft {
   color: #000000;
   font-weight: bold;
}
/*** L I N K S ***/
a:link, a:visited{color:#000000;}
a:hover, a:focus, a:active{color:#ee3a43;}
a.lotusPerson, a.lotusPerson:visited{color:#ee3a43;}/*person links pop up a related menu*/
.lotusTags a:link, .lotusTags a:visited, a.lotusTag:link, a.lotusTag:visited{color:#000000;}/*tag*/ 
.lotusRelatedTags a{background-image:url(images/iconRelatedTag.gif)}
/*my links indicate bookmarks you have created - add this onto people and tag class links*/
a.lotusMyLink, a.lotusMyLink:visited, .lotusMyLinks a, .lotusMyLinks a:visited{color:#44a244 !important;}
/*link hover styles*/
.lotusTags a:hover, .lotusTags a:focus, a.lotusTag:hover, a.lotusTag:focus, a.lotusPerson:hover, a.lotusPerson:focus{border-bottom-color:#ee3a43;color:#ee3a43;}
a.lotusMyLink:hover, a.lotusMyLink:focus, .lotusMyLinks a:hover, .lotusMyLinks a:focus {color:#ee3a43 !important;border-bottom-color:#ee3a43;}
/*single and group action links*/
/*this is to provide a class for overriding link colors in groups of links to indicate that the link is an action link (like the "Tag this" link in a tag group*/
a.lotusAction, a.lotusAction:visited{color:#000000 !important;}
a.lotusAction:hover, a.lotusAction:focus, .lotusActions a:hover, .lotusActions a:focus, .lotusTags a.lotusAction:hover, .lotusTags a.lotusAction:focus {color:#000000 !important;}
/*to assign an icon to an action link, you need to assign a unique id to the link and give it a background image.  The rest of the code is in this css declaration*/
.lotusActions a, .lotusActions a:visited{color:#000000;}

/*** B A N N E R ***/
#lotusBanner, .lotusBanner{background-color:transparent;}
#lotusBanner ul li, .lotusBanner ul li{color:#000;font-weight: bold;background-color:transparent;border-left-color:#fdb813}
#lotusBanner ul li.lotusFirst, .lotusBanner ul li.lotusFirst{background-image:none}
#lotusBanner ul.lotusLinks li a, .lotusBanner ul.lotusLinks li a{color:#000; font-weight: bold;}
#lotusBanner ul.lotusLinks li.lotusSelected a, .lotusBanner ul.lotusLinks li.lotusSelected a{color:#000000;font-weight: bold;background-color:#fdb813}

/*** B U T T O N S ***/



/*** box around main area ***/
#lotusMain, .lotusMain{border-color:#daa011;background-image:url(/img/sidebar.gif)}

/*** box around footer area ***/
#lotusFooter, .lotusFooter{border-color:#daa011;background-image:url(/img/sidebar.gif)}

/*** S E A R C H ***/
.lotusSearch .lotusSearchButton{border-color:#daa011;}
.lotusSearch .lotusSearchButton:hover, .lotusSearch .lotusSearchButton:focus{border-color:#daa011;}
.lotusSearch .lotusText{border-color:#daa011;}

/*** T A B S ***/
.lotusTabs li, .portlet-tab li{border-bottom-color:#daa011;background-image:url(/img/leftTabContent.gif)}
.lotusTabs a, .lotusTabs a:visited, .portlet-tab a, .portlet-tab:visited{color:#000000;font-weight:bold;background-image:url(../img/rightTab.gif)}
.lotusTabs li.lotusSelected, .lotusPortlet-tab li.lotusSelected{background-color:#fdb813;border-color:#daa011;background-image:url(../img/leftTabContentSelected.gif);}
.lotusTabs li.lotusSelected a, .lotusTabs li.lotusSelected a:visited, .lotusPortlet-tab li.lotusSelected a,
.lotusPortlet-tab li.lotusSelected a:visited{color:#0000000;font-weight:bold;border-color: #daa011;background-image:url(../img/rightTabContentSelected.gif);}
.lotusTabContainer{border-bottom-color:#daa011;}
.lotusTabs a:hover, .lotusTabs a:focus, .portlet-tab a:hover, .portlet-tab a:focus{color:#ee3a43;}


/*Tool Tip CSS*/

#personPopupContainer  
{  
    position:absolute;  
    left:0;  
    top:0;  
    display:none;  
    z-index: 20000;  
}  
  
.personPopupPopup  
{  
}  
 
#personPopupContent  
{  
    background-color: #FFF;  
    min-width: 175px;  
    min-height: 50px;  
}  
  
.personPopupPopup .personPopupImage  
{  
    margin: 5px;  
    margin-right: 15px;  
}  
  
.personPopupPopup .corner   
{  
    width: 19px;  
    height: 15px;  
}  
      
.personPopupPopup .topLeft   
{  
    background: url(/img/balloon_topLeft.png) no-repeat;  
}  
      
.personPopupPopup .bottomLeft   
{  
    background: url(/img/balloon_bottomLeft.png) no-repeat;  
}  
      
.personPopupPopup .left   
{  
    background: url(/img/balloon_left.png) repeat-y;  
}  
      
.personPopupPopup .right   
{  
    background: url(/img/balloon_right.png) repeat-y;  
}  
      
.personPopupPopup .topRight   
{  
    background: url(/img/balloon_topRight.png) no-repeat;  
}  
      
.personPopupPopup .bottomRight   
{  
    background: url(/img/balloon_bottomRight.png) no-repeat;  
}  
      
.personPopupPopup .top   
{  
    background: url(/img/balloon_top.png) repeat-x;  
}  
      
.personPopupPopup .bottom   
{  
    background: url(/img/balloon_bottom.png) repeat-x;  
    text-align: center;  
}  

</body></html>